.ht-c-panel-group {
  width: 1172px;
  margin: 15px auto;

  .ht-c-panel {
    width: 578px;
    height: 432px;
    border-radius: 0px;
    margin-right: 15px;
    margin-bottom: 15px;

    .ht-c-panel-header {
      width: 100%;
      height: 48px;
      background-color: #ffffff;
      line-height: 48px;

      .chart-group-filter {
        height: 48px;
        line-height: 48px;
        float: right;

        .ht-c-filter {
          height: 30px;
          margin: 9px 0px;
        }
      }

      .ht-c-title {
        color: #000000;
        font-weight: 900;
        float: left;
        height: 48px;
        float: left;
        margin-left: 15px;
      }

      .ht-c-icon {
        float: right;
        width: 16px;
        height: 16px;
        // background-color: red;
        margin: 15px;

        &.ht-c-icon-max {
          background-image: url('../img/max.png');
        }

        &.ht-c-icon-min {
          background-image: url('../img/min.png');
        }
      }
    }

    .ht-c-panel-content {
      width: 100%;
      height: 384px;

      .ht-c-panel-graph {

      };

      .htrd-c-chart-notice-list {


      }
    }

    &.ht-c-panel-large {
      height: 765px;
      margin-right: 0px;
      margin-bottom: 0px;

      .ht-c-panel-header {
        width: 100%;
        height: 48px;
      }

      .ht-c-panel-content {
        width: 100%;
        height: 718px;
      }
    };

    &.ht-c-panel-close {
      height: 432px;
      margin-right: 0px;
      margin-bottom: 0px;

      .ht-c-panel-header {
        width: 100%;
        height: 48px;
      }

      .ht-c-panel-content {
        width: 100%;
        height: 384px;
      }
    }

    &.ht-c-panel-small {
      height: 318px;
      margin-bottom: 0px;

      .ht-c-panel-content {
        width: 100%;
        height: 270px;

        .follow-list {
          height: 270px;
        }
      }
    }
  }
}



.ht-c-list {
  width: 100%;
  height: 100%;
  overflow: auto;

  &.ht-c-list-small {

  }

  &.ht-c-list-default {

  }

  &.ht-c-list-large {

  }
}

.ht-c-btn {
  font-size: 12px;
  width: 44px;
  height: 24px;
  line-height: 24px;
  margin: 6px 8px;
  text-align: center;
  padding: 0px;
  border-radius: 2px;
  border: none;
}

.ht-c-title {
  color: #000000;
  font-weight: 900;
  float: left;
  height: 48px;
  line-height: 48px;
  float: left;
  margin-left: 15px;
}

.ht-c-icon {
  float: right;
  width: 16px;
  height: 16px;
  margin: 15px;

  &.ht-c-icon-max {
    background-image: url('../img/max.png');
  }

  &.ht-c-icon-min {
    background-image: url('../img/min.png');
  }
}


.ht-c-header {
  width: 100%;
  height: 60px;
  line-height: 60px;
}

.ht-c-content {
  width: 100%;
}

.screenList {
  margin-top: 15px;
}
